<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<script src="prototype.js"
	type="text/javascript"></script>
<script src="slider.js" type="text/javascript"></script>
<script charset="utf-8" id="injection_graph_func"
	src="injection_graph_func.js"></script>
	
	<script>
	function callButtonClick(num)
	{
		
		   if( num > 0 && num < 20 )
		   {	   
		     alert( "one" ) ;
		   }
		   else if ( num > 19 && num < 40 )
		   {
		      alert( "two" ) ;
		   }
		   else if ( num > 39 && num < 60 )
		   {
		      alert( "three" ) ;
		   }
		   else if ( num > 59 && num < 80 )
		   {
		      alert( "four" ) ;
		   }
		   else
		   {
		      alert( "five" ) ;
		   }
	
	}
	</script>
</head>
<body>

<div onmouseup="callButtonClick( (slider1.value*100).toFixed() ); return false;";" id="track1"
	style="width: 200px; background-color: rgb(204, 204, 204); height: 10px;">
<div class="selected" id="handle1"
	style="width: 10px; height: 15px; background-color: rgb(255, 0, 0); cursor: move; left: 128px; position: relative;"></div>
</div>

<script type="text/javascript" language="javascript">
		
			// horizontal slider control
			var slider1 = new Control.Slider('handle1', 'track1', 
					{});
			
			
		</script>

</body>
</html>
